/* === Modals === */
@modalBg: rgba(255,255,255,0.95);
@modalButonColor : @themeColor;
@modalButonActiveBg: rgba(230,230,230,0.95);
@modalHairlineColor: rgba(0,0,0,0.2);
@modalDuration: 400ms;

@actionsModalBg: rgba(255,255,255,0.95);
@actionsModalButtonActiveBg: rgba(230,230,230,0.9);
@actionsModalHairlineColor: rgba(0,0,0,0.2);
@actionsModalDuration: 300ms;

@popoverBg: rgba(255,255,255,0.95);

@popupDuration: 400ms;

@image-url : '../img/'; //img path

@actionsPopoverHairline: rgba(0,0,0,0.2);
.modal-overlay, .preloader-indicator-overlay, .popup-overlay {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.4);
    z-index: 13000;
    visibility: hidden;
    opacity: 0;
    .transition(@modalDuration);
    &.modal-overlay-visible {
        visibility: visible;
        opacity: 1;
    }
}
.popup-overlay {
    z-index: 10500;
}
.modal {
    width: 270px;
    position: absolute;
    z-index: 13500;
    left: 50%;
    margin-left: -135px;
    margin-top: 0;
    top: 50%;
    text-align: center;
    border-radius: 13px;
    overflow: hidden;
    opacity: 0;
    .transform(translate3d(0,0,0) scale(1.185));
    -webkit-transition-property: -webkit-transform, opacity;
    -moz-transition-property: -moz-transform, opacity;
    -ms-transition-property: -ms-transform, opacity;
    -o-transition-property: -o-transform, opacity;
    transition-property: transform, opacity;
    color:#000;
    display: none;
    
    &.modal-in {
        opacity: 1;
        .transition(@modalDuration);
        .transform(translate3d(0,0,0) scale(1));
    }
    &.modal-out {
        opacity: 0;
        z-index: 13500-1;
        .transition(@modalDuration);
        .transform(translate3d(0,0,0) scale(1));
    }
}
.modal-inner {
    padding: 15px;
    border-radius: 13px 13px 0 0;
    position: relative;
    background: @modalBg;
    .hairline(bottom, @modalHairlineColor);
        
}
.modal-title {
    font-weight: 500;
    font-size: 18px;
    text-align: center;
    html.ios-gt-8 & {
        font-weight: 600;
    }
    +.modal-text {
        margin-top: 5px;
    }
}
.modal-buttons {
    height: 44px;
    position: relative;
    .flexbox();
    .justify-content(center);
    &.modal-buttons-vertical {
        display: block;
        height: auto;
    }
}
.modal-button {
    width: 100%;
    padding: 0 5px;
    height: 44px;
    font-size: 17px;
    line-height: 44px;
    text-align: center;
    color: @modalButonColor;
    display: block;
    position: relative;
    white-space: nowrap;
    text-overflow:ellipsis;
    overflow: hidden;
    cursor: pointer;
    box-sizing: border-box;
    -webkit-box-flex:1;
    -ms-flex:1;
    background: @modalBg;
    .hairline(right, @modalHairlineColor);
    &:first-child {
        border-radius: 0 0 0 13px;
    }
    &:last-child {
        .hairline-remove(right);
        border-radius: 0 0 13px 0;
    }
    &:first-child:last-child {
        border-radius: 0 0 13px 13px;
    }
    &.modal-button-bold {
        font-weight: 500;
        html.ios-gt-8 & {
            font-weight: 600;
        }
    }
    html:not(.watch-active-state) &:active, &.active-state {
        background: @modalButonActiveBg;
    }
    .modal-buttons-vertical & {
        border-radius: 0;
        .hairline-remove(right);
        .hairline-remove(top);
        .hairline(bottom, @modalHairlineColor);
        &:last-child {
            border-radius: 0 0 13px 13px;
            .hairline-remove(bottom);
        }
    }
}
.modal-no-buttons {
    .modal-inner {
        border-radius: 13px;
        .hairline-remove(bottom);
    }
    .modal-buttons {
        display: none;
    }
}

//custom Modal
.modal{
    border-radius: 7px;
    box-shadow: none;
    color: @color-Ca5;

    .preloader{
        width: 26px;
        height: 26px;
    }

    .modal-inner{
        padding: 24px;
        border-radius: 4px 4px 0 0 ;
        .modal-title{
            font-size: @size-T6;
            text-align: center;
            color: @color-Ca5;
            font-weight: bold;
        }
        .modal-text{
            font-size: @size-T3;
            margin-top: 8px;
            text-align: center;
            em{
                font-style: normal;
                color:@color-Cor;
            }
            span{
                color:@color-Cor;
                display: block;
                text-align: left;
                background-color: @color-Cbg2;
                margin: 0 auto;
                padding: 8px 44px;
                border-radius: 4px;
                min-width: 180px;
                box-sizing: border-box;
                &:first-child{
                    margin-top: 16px;
                }
            }
            //用于单个图片
            .modal-tips{
                margin: -32px -24px;
                img{
                    width:270px;
                    height: 338px;
                }
            }
        }
    }
    .modal-buttons{
        //        border-top: 1px solid @color-Cl1;
        border-radius: inherit;
        height: 44px;
        padding: 0;
        .modal-button{
            color: @color-Cg;
            width: 100%;
            padding: 0 5px;
            height: 44px;
            font-size: @size-T4;
            line-height: 44px;
            text-align: center;
            display: block;
            position: relative;
            white-space: nowrap;
            text-overflow: ellipsis;
            overflow: hidden;
            cursor: pointer;
            box-sizing: border-box;
            -webkit-box-flex: 1;
            -ms-flex: 1;
            &:first-child {
                border-radius: 0 0 0 4px;
                color:@color-Ca2;
                &:after {
                    content: '';
                    position: absolute;
                    right: 0;
                    top: 0;
                    left: auto;
                    bottom: auto;
                    width: 1px;
                    height: 100%;
                    background-color: @color-Cl1;
                    display: block;
                    z-index: 15;
                    -webkit-transform-origin: 100% 50%;
                    transform-origin: 100% 50%;
                }
            }
            &:last-child {
                color: @color-Cg;
                border-radius: 0 0 4px;
            }

        }
    }

    &.modal-signboard{
        .modal-inner {
            padding: 0;
            .modal-text{
                margin-top: 0;
            }
        }

    }
}

// Action sheet
.actions-modal {
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 13500;
    width: 100%;
    .transform(translate3d(0,100%,0));
    @media (min-width:496px) {
        width: 480px;
        left: 50%;
        margin-left: -240px;
    }
    &.modal-in {
        .transition(@actionsModalDuration);
        .transform(translate3d(0,0,0));
    }
    &.modal-out {
        z-index: 13500-1;
        .transition(@actionsModalDuration);
        .transform(translate3d(0,100%,0));
    }
}
.actions-modal-group {
    margin: 8px;
    position: relative;
    border-radius: 13px;
    overflow: hidden;
    .transform(translate3d(0,0,0));
}
.actions-modal-button, .actions-modal-label {
    width: 100%;
    text-align: center;
    font-weight: normal;
    margin: 0;
    background: @actionsModalBg;
    box-sizing: border-box;
    display: block;
    position: relative;
    overflow: hidden;
    .hairline(bottom, @actionsModalHairlineColor);
    a {
        text-decoration: none;
        color: inherit;
        display: block;
    }
    b {
        font-weight: 500;
        html.ios-gt-8 & {
            font-weight: 600;
        }
    }
    &.actions-modal-button-bold {
        font-weight: 500;
        html.ios-gt-8 & {
            font-weight: 600;
        }
    }
    &.actions-modal-button-red {
        color: @red;
    }
    &:first-child {
        border-radius: 13px 13px 0 0;
    }
    &:last-child {
        .hairline-remove(bottom);
        border-radius: 0 0 13px 13px;
    }
    &:first-child:last-child {
        border-radius: 13px;
    }
    &.disabled {
        opacity: 0.9;
        color:@gray;
    }
}
.actions-modal-button {
    cursor: pointer;
    height: 57px;
    line-height: 57px;
    font-size: 20px;
    color: @themeColor;
    white-space: normal;
    text-overflow: ellipsis;
    html:not(.watch-active-state) &:active, &.active-state {
        background: @actionsModalButtonActiveBg;
    }
}
.actions-modal-label {
    font-size: 13px;
    line-height: 1.3;
    min-height: 57px;
    padding: 8px 10px;
    color: #8a8a8a;
    .flexbox();
    .justify-content(center);
    .align-items(center);
}
@media (orientation:landscape) {
    .actions-modal-label {
        min-height: 44px;
    }
    .actions-modal-button {
        height: 44px;
        line-height: 44px;
    }
}

//custom actions modal
.actions-modal{

    .actions-modal-group{
        margin: 0;
        border-radius: 0;
        overflow: inherit;
        .actions-modal-button{
            border-radius: 0;
            text-align: center;
            color: inherit;
            font-size: @size-T5;
            //            border-top: 1px solid @color-Cl1;

            //&.color-gray{
            //    border-top: 6px solid @color-Cbg2;
            //}
            &.color-green{
                color:@color-Cg;
            }
        }
        .actions-modal-label{
            border-radius: 0;
            text-align: center;
            display: block;
            font-size: @size-T3;
            overflow: inherit;

            .action-share-header{
                text-align: center;
                .header-img-box{
                    height: 40px;
                    img{
                        width: 84px;
                        height: 79px;
                        margin: 0 auto;
                        margin-top: -44px;
                    }
                }
                span{
                    display: block;
                    line-height: 1.5;
                    font-size: @size-T3;
                    color: @color-Cbo;
                    padding: 2px 4px 4px;
                }

            }

            &:first-child{
                //                border-bottom: 1px solid @color-Cl1;
                line-height: 38px;
            }
            &.color-green{
                color:@color-Cg;
            }
            .content-block{
                display: block;
                margin: 0;
                padding: 5px 0;
                width: 100%;
                color: @color-Ca2;
                font-size: @size-T2;
                .share-button{
                    &:before{
                        content: "";
                        display: block;
                        background-size: 26px 26px;
                        background-repeat: no-repeat;
                        background-position: 52%;
                        height: 52px;
                        width: 52px;
                        border: 1px solid #acacac;
                        -webkit-border-radius: 26px;
                        border-radius: 26px;
                        margin: 0 auto 8px;
                        background-color: #fff;
                    }
                }
                .icon-qzone{
                    &:before{
                        .encoded-svg-background('<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 50 50"><path fill="#FFC028" d="M49.7,19c0.2-0.2,0.3-0.5,0.3-0.8c0-0.6-0.4-1-1-1.1l0,0l-15.6-2.7L26,0.7C25.8,0.3,25.4,0,25,0s-0.8,0.2-1,0.6l0,0 l-7.5,13.8L1,17.1l0,0c-0.6,0.1-1,0.5-1,1.1c0,0.3,0.1,0.6,0.3,0.8l0,0l11,11.2L9.1,45.6l0,0v0.1l0,0c0,0.1,0,0.1,0,0.2 c0,0.6,0.5,1.1,1.1,1.1c0.2,0,0.4-0.1,0.5-0.1l0,0l14.2-6.8l14.2,6.8c0.2,0.1,0.3,0.1,0.5,0.1c0.6,0,1.1-0.5,1.1-1.1 c0-0.1,0-0.1,0-0.2l0,0l-2.2-15.5L49.7,19L49.7,19z M43.7,20.6l-8.3,8.6l1.7,11.9l0,0v0.1c0,0.5-0.4,0.8-0.9,0.8 c-0.2,0-0.3,0-0.4-0.1L25,36.7l-10.8,5.2l0,0C14.1,42,13.9,42,13.8,42c-0.5,0-0.9-0.4-0.9-0.8v-0.1l0,0V41l0,0l1.7-11.8l-8.3-8.6 l0,0C6.1,20.4,6,20.2,6,20c0-0.4,0.3-0.8,0.8-0.8l0,0l11.8-2.1l5.7-10.6l0,0c0.1-0.3,0.4-0.4,0.7-0.4c0.4,0,0.7,0.2,0.8,0.5 l5.6,10.5l11.8,2.1l0,0c0.4,0,0.8,0.4,0.8,0.8C44,20.2,43.9,20.4,43.7,20.6L43.7,20.6z M22.7,30.5c1.1-0.9,9.7-9,9.7-9 c-7.4-1-18.9,0.8-18.9,0.8c8.8,0.3,14.4,0.7,14.4,0.7c-3.7,2.5-11,8.7-11,8.7c10.8,1.7,17.7-0.4,17.7-0.4 C30.7,31.5,22.7,30.5,22.7,30.5z"></path></svg>');
                    }
                }
                .icon-weixin-friends{
                    &:before{
                        .encoded-svg-background('<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"><path fill="#74E079" d="M12.248274,16.0387703 L8.41203589,12.202937 C8.45251535,12.2102233 8.4933996,12.2154856 8.53428385,12.2215576 L8.53428385,12.2583939 L16.0339128,12.2583939 C15.2603504,13.9249331 13.9160276,15.2676367 12.248274,16.0387703 L12.248274,16.0387703 Z M6.36215621,16.2885286 L6.36215621,10.9075944 C6.52043088,11.1261835 6.70339803,11.3257472 6.90984325,11.4985945 L11.6831808,16.271932 C10.8456608,16.581195 9.94458812,16.7584951 8.9997976,16.7584951 C8.07200846,16.7584951 7.18672274,16.587267 6.36215621,16.2885286 L6.36215621,16.2885286 Z M1.96122968,12.248274 L5.79706299,8.41203589 C5.76225066,8.60309893 5.74160613,8.7990195 5.74160613,9.0002024 L5.74160613,16.0339128 C4.07466211,15.2603504 2.73236333,13.9160276 1.96122968,12.248274 L1.96122968,12.248274 Z M1.71106663,6.36215621 L7.09200081,6.36215621 C6.84507612,6.54067061 6.62486788,6.75237817 6.4370432,6.99161176 L6.42854251,6.98270628 L1.72806801,11.6835856 C1.41880496,10.8460656 1.24110014,9.94499292 1.24110014,9.0002024 C1.24110014,8.07241325 1.41232824,7.18672274 1.71106663,6.36215621 L1.71106663,6.36215621 Z M5.64688421,2.0114242 L9.40378258,5.76872737 C9.27100996,5.75253559 9.13702296,5.74120134 8.9997976,5.74120134 C8.8953606,5.74120134 8.79213799,5.74686846 8.68972496,5.75658353 L8.68972496,5.74120134 L1.96568242,5.74120134 C2.72345785,4.10987924 4.02770594,2.78984415 5.64688421,2.0114242 L5.64688421,2.0114242 Z M11.6378438,1.71106663 L11.6378438,7.09200081 C11.3605595,6.70946994 11.0043403,6.38887265 10.5902355,6.15692536 L6.20266715,1.76935705 C7.07135629,1.43297277 8.01250365,1.24150494 8.9997976,1.24150494 C9.92758675,1.24150494 10.8132773,1.41232824 11.6378438,1.71106663 L11.6378438,1.71106663 Z M15.9885758,5.64688421 L12.2308678,9.40459217 C12.2474644,9.27181955 12.2583939,9.13742776 12.2583939,9.0002024 L12.2583939,1.96608721 C13.889716,2.72305305 15.2097511,4.02730114 15.9885758,5.64688421 L15.9885758,5.64688421 Z M11.8418603,10.5914498 L16.2306429,6.20266715 C16.5670272,7.07135629 16.7584951,8.01250365 16.7584951,9.0002024 C16.7584951,9.92799154 16.5876718,10.8132773 16.2885286,11.6378438 L10.9075944,11.6378438 C11.2897205,11.3609643 11.609913,11.0047451 11.8418603,10.5914498 L11.8418603,10.5914498 Z M6.98270628,9.0002024 C6.98270628,7.88620775 7.88580296,6.98270628 8.9997976,6.98270628 C10.1137923,6.98270628 11.0172937,7.88620775 11.0172937,9.0002024 C11.0172937,10.114197 10.1137923,11.0172937 8.9997976,11.0172937 C7.88580296,11.0172937 6.98270628,10.114197 6.98270628,9.0002024 L6.98270628,9.0002024 Z M8.9997976,0 C4.02932512,0 0,4.02932512 0,9.0002024 C0,13.9706749 4.02932512,18 8.9997976,18 C13.9706749,18 18,13.9706749 18,9.0002024 C18,4.02932512 13.9706749,0 8.9997976,0 L8.9997976,0 Z" id="icon_share_friends"></path></svg>');
                    }
                }
                .icon-qq {
                    &:before{
                        .encoded-svg-background('<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"><path fill="#499FEF" d="M15.6107483,13.9744048 C15.5115402,13.8242381 15.3871166,13.6125476 15.2387176,13.3154524 L14.9353059,12.7079048 L14.9348926,12.7079048 C14.8844617,12.5921429 14.7678921,12.5107857 14.6314808,12.5107857 C14.4975498,12.5107857 14.383047,12.590119 14.3317894,12.7038571 C14.330136,12.7030476 14.3288959,12.7022381 14.3276558,12.7014286 L14.0763283,13.3757619 C13.7882112,14.1496667 13.3364006,14.8207619 12.7490054,15.3890476 C12.7547926,15.3922857 12.7593396,15.3975476 12.7647134,15.4007857 C12.5683639,15.5436667 12.4393932,15.7719524 12.4393932,16.031 C12.4393932,16.3993333 12.6960944,16.7049286 13.0424963,16.7907381 C13.0391894,16.7947857 13.0375359,16.7992381 13.0346423,16.802881 C13.6187306,16.9809762 13.8597238,17.2076429 13.8853526,17.2813095 L13.8812189,17.329881 L13.8849392,17.3695476 C13.8477361,17.6225238 13.0619246,18.1879762 11.6341534,18.1879762 C10.0786516,18.1879762 9.23910234,17.6832381 9.1671764,17.482881 L9.16552293,17.4788333 C9.16428283,17.4796429 9.16304273,17.4804524 9.16221599,17.4816667 C9.04895331,17.1890238 8.76372976,16.9801667 8.42724865,16.9801667 C8.13045081,16.9801667 7.87498973,17.1436905 7.7406453,17.3829048 C7.73981857,17.3816905 7.73857846,17.380881 7.73775173,17.3796667 L7.71956356,17.4173095 C7.5641374,17.7374762 6.77005851,18.1879762 5.49109959,18.1879762 C3.9806549,18.1879762 3.07662026,17.6925476 3.02329586,17.4950238 C3.02329586,17.494619 3.0278429,17.477619 3.05388505,17.4444286 L3.11051639,17.3727857 L3.14358579,17.2877857 C3.18120223,17.1922619 3.44865098,16.9631667 4.04183328,16.7895238 C4.04100654,16.7887143 4.04059318,16.7879048 4.03976644,16.7866905 C4.37790102,16.695619 4.62798834,16.3936667 4.62798834,16.031 C4.62798834,15.7755952 4.50191126,15.5501429 4.31010876,15.4064524 C4.3134157,15.4044286 4.31630927,15.4011905 4.32044295,15.3987619 C3.70824574,14.8215714 3.23659347,14.1411667 2.93400849,13.3587619 L2.68309444,12.7095238 C2.68309444,12.7095238 2.68268107,12.709119 2.68268107,12.7087143 L2.68226771,12.7079048 C2.63183688,12.5921429 2.51526725,12.5107857 2.37926936,12.5107857 C2.24492494,12.5107857 2.13042215,12.5905238 2.07916458,12.7038571 C2.07792448,12.7034524 2.07668438,12.7030476 2.07585765,12.7022381 L1.7740994,13.3065476 C1.62487375,13.6056667 1.49962341,13.8189762 1.39958848,13.9699524 C0.87130487,12.3201429 2.13496919,10.4133095 2.42143284,10.0105714 C2.42143284,10.0105714 2.47971765,9.76892857 2.55081686,9.64871429 C2.62232943,9.52809524 2.54378961,9.4657619 2.54378961,9.4657619 C2.57520554,9.17595238 2.6810276,8.59430952 3.03445678,8.09159524 L3.12705109,8.0612381 L3.32588084,7.5872619 L3.29694512,7.42819048 C3.27255644,5.4112619 3.84259016,3.76590476 4.94669465,2.66738095 C5.85816989,1.76030952 7.14002238,1.23978571 8.46362499,1.23978571 C10.0129262,1.23978571 11.3848928,1.78095238 12.3273706,2.76371429 C13.3831111,3.86507143 13.8588971,5.50840476 13.7365403,7.5192619 C13.7348868,7.53140476 13.73282,7.5617619 13.7319932,7.57390476 L13.9093279,8.21140476 L13.9969618,8.23164286 C14.209846,8.70602381 14.3834604,9.17554762 14.4413318,9.43095238 C14.4413318,9.43095238 14.3350964,9.45442857 14.3966881,9.63535714 C14.4578665,9.81628571 14.5475672,10.0405238 14.5475672,10.0405238 C14.9543208,10.6015238 16.11547,12.3966429 15.6107483,13.9744048 L15.6107483,13.9744048 Z M15.7231843,9.52809524 C15.6901149,8.9132619 15.2647598,7.95114286 15.02542,7.45247619 C15.1370292,5.1562619 14.5240053,3.24416667 13.2491801,1.91411905 C12.0648823,0.68 10.365942,0 8.46362499,0 C6.80354127,0 5.19347502,0.654904762 4.04555359,1.7967381 C2.71988415,3.1162619 2.02460008,5.02957143 2.03121396,7.33469048 C1.43927176,8.14461905 1.30492733,9.06666667 1.27433814,9.45928571 C0.631138377,10.4125 -0.809860585,12.986381 0.593935305,15.198 L0.623284395,15.2445476 L0.660900834,15.2854286 C0.802272504,15.4396429 1.02218399,15.5319286 1.24829599,15.5319286 C1.60709895,15.5319286 1.94275332,15.3267143 2.28626168,14.8863333 C2.49542562,15.2299762 2.73517874,15.5537857 3.00428096,15.8565476 C2.51526725,16.0929286 2.17093216,16.3993333 1.99979803,16.7571429 C1.84189166,16.9834048 1.7588048,17.2339524 1.7588048,17.4869286 C1.7588048,18.7615238 3.6363198,19.4285714 5.49109959,19.4285714 C6.72004105,19.4285714 7.78032858,19.091 8.40823375,18.5324286 C8.41443426,18.5328333 8.42063477,18.5344524 8.42724865,18.5344524 C8.42931549,18.5344524 8.43138232,18.5336429 8.43386253,18.5336429 C9.14320109,19.1468571 10.4428284,19.4285714 11.6341534,19.4285714 C13.6393989,19.4285714 15.1514971,18.5352619 15.1514971,17.3509286 C15.1514971,17.3404048 15.1514971,17.3294762 15.1506704,17.3189524 C15.1514971,17.3080238 15.1514971,17.2962857 15.1514971,17.2849524 C15.1514971,16.7142381 14.7501173,16.2147619 14.0403654,15.8646429 C14.3012002,15.5655238 14.5339261,15.2457619 14.7364762,14.9057619 C15.0762642,15.3364286 15.4081983,15.536381 15.7624542,15.536381 C15.9885662,15.536381 16.2080643,15.4440952 16.3498494,15.289881 L16.3874658,15.249 L16.4168149,15.2028571 C17.7916751,13.037381 16.3920128,10.5153095 15.7231843,9.52809524 L15.7231843,9.52809524 Z"></path></svg>');
                    }
                }
                .icon-weixin {
                    &:before{
                        .encoded-svg-background('<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 23 20"><path fill="#4CD68A" d="M17.8448276,10.2040816 C17.4070345,10.2040816 17.0517241,10.5693878 17.0517241,11.0204082 C17.0517241,11.4710204 17.4070345,11.8367347 17.8448276,11.8367347 C18.2826207,11.8367347 18.637931,11.4710204 18.637931,11.0204082 C18.637931,10.5693878 18.2826207,10.2040816 17.8448276,10.2040816 L17.8448276,10.2040816 Z M13.4827586,10.2040816 C13.0449655,10.2040816 12.6896552,10.5693878 12.6896552,11.0204082 C12.6896552,11.4710204 13.0449655,11.8367347 13.4827586,11.8367347 C13.9205517,11.8367347 14.2758621,11.4710204 14.2758621,11.0204082 C14.2758621,10.5693878 13.9205517,10.2040816 13.4827586,10.2040816 L13.4827586,10.2040816 Z M20.7341034,15.1693878 C20.7146724,15.1946939 20.6916724,15.2179592 20.6714483,15.2432653 C20.581431,15.3538776 20.4890345,15.4636735 20.3867241,15.5685714 C20.3807759,15.5746939 20.3728448,15.5808163 20.3665,15.5869388 C20.2483276,15.7069388 20.1226207,15.8236735 19.9873966,15.935102 L19.9616207,15.96 L19.7522414,16.1367347 L19.7558103,16.1559184 L19.7288448,16.1816327 L20.2185862,18.4816327 L18.2520862,17.3146939 L17.9852069,17.3865306 C17.4125862,17.54 16.652,17.5289796 16.0853276,17.5289796 C15.3584483,17.5289796 14.6248276,17.3934694 13.9272931,17.1559184 C12.5100172,16.6355102 11.197431,15.662449 10.4971207,14.5453061 L10.4427931,14.5204082 C10.0648793,13.9040816 9.84201724,13.2310204 9.84201724,12.5334694 C9.84201724,9.86816327 12.6226379,7.44163265 15.8882414,7.51061224 C17.1925,7.53836735 18.4384655,7.95020408 19.4381724,8.62326531 C19.5028103,8.66816327 19.5666552,8.71346939 19.6289138,8.76 C19.6665862,8.7877551 19.7034655,8.81632653 19.7403448,8.8444898 C20.8832069,9.74285714 21.6334828,10.9959184 21.6334828,12.3755102 C21.6334828,13.3506122 21.3796897,14.2387755 20.8506897,15.0016327 C20.8110345,15.0571429 20.7765345,15.1146939 20.7341034,15.1693878 L20.7341034,15.1693878 Z M6.9927931,14.2587755 L6.80482759,14.2220408 L3.48212069,15.6379592 L4.17410345,13.22 L3.77239655,12.9518367 C2.27184483,12.0465306 1.11074138,9.80367347 1.11074138,7.80081633 C1.11074138,4.16897959 4.41401724,1.15836735 8.8887069,1.15836735 C12.7332759,1.15836735 15.7276379,3.42081633 16.4568966,6.4355102 C16.2598103,6.42040816 16.0611379,6.40897959 15.8596897,6.40897959 C12.0615172,6.40897959 8.81415517,9.18816327 8.81415517,12.4771429 C8.81415517,13.217551 8.98586207,13.9261224 9.28406897,14.5840816 C8.52982759,14.5636735 7.75774138,14.4085714 6.9927931,14.2587755 L6.9927931,14.2587755 Z M21.3384483,19.2085714 L20.9109655,16.5702041 C22.0708793,15.4502041 22.7065517,14.0142857 22.7065517,12.4771429 C22.7065517,11.3277551 22.3373621,10.2559184 21.708431,9.33877551 C21.6767069,9.2922449 21.6457759,9.24489796 21.6128621,9.19877551 C21.551,9.11428571 21.4863621,9.03183673 21.4201379,8.94979592 C21.3642241,8.88081633 21.3067241,8.81306122 21.2476379,8.74571429 C21.1885517,8.67877551 21.1294655,8.6122449 21.0672069,8.54734694 C20.9867069,8.46326531 20.9018448,8.38285714 20.8161897,8.30285714 C20.7662241,8.25591837 20.7182414,8.2077551 20.6666897,8.16244898 C20.5278966,8.04081633 20.3827586,7.92367347 20.2324655,7.8122449 C20.1908276,7.78163265 20.1468103,7.75428571 20.1043793,7.72489796 C19.9881897,7.64285714 19.8704138,7.56367347 19.7482759,7.48857143 C19.6864138,7.45061224 19.622569,7.41510204 19.5595172,7.37918367 C19.4496724,7.31632653 19.3382414,7.2555102 19.2240345,7.19795918 C19.1582069,7.16530612 19.0923793,7.13265306 19.0257586,7.10163265 C18.8960862,7.04163265 18.7636379,6.98571429 18.6296034,6.9322449 C18.5792414,6.91265306 18.5304655,6.89142857 18.4797069,6.87265306 C18.2794483,6.79836735 18.0752241,6.72938776 17.8650517,6.67102041 C17.2091552,2.83632653 13.435569,0 8.87562069,0 C3.86281034,0 0,3.58816327 0,7.83755102 C0,10.1053061 0.898189655,12.222449 2.85556897,13.7114286 L2.10687931,16.4546939 C2.11084483,16.4559184 2.11401724,16.4583673 2.11798276,16.46 C2.11401724,16.4869388 2.10965517,16.5142857 2.10965517,16.542449 C2.10965517,16.8620408 2.36384483,17.1216327 2.67672414,17.1216327 C2.73224138,17.1216327 2.78458621,17.1110204 2.83534483,17.0959184 C2.83534483,17.0967347 2.83613793,17.0971429 2.83653448,17.0979592 L2.87103448,17.0844898 C2.88332759,17.08 2.89562069,17.0759184 2.90751724,17.0702041 L6.98684483,15.5036735 C7.93856897,15.677551 8.91131034,15.7187755 9.87136207,15.6281633 C10.9031897,17.0693878 12.5714828,18.0522449 14.4614483,18.3628571 C14.4824655,18.3665306 14.5046724,18.3681633 14.5264828,18.3722449 C14.6521897,18.3918367 14.7786897,18.4089796 14.9063793,18.4228571 C15.2196552,18.4604082 15.5368966,18.4873469 15.8596897,18.4873469 C16.4513448,18.4873469 17.0176207,18.4012245 17.5842931,18.2689796 L19.3354655,19.2285714 L20.4696034,19.8616327 C20.4751552,19.8538776 20.4822931,19.8473469 20.4882414,19.8395918 C20.5754828,19.8963265 20.6785862,19.9302041 20.7900172,19.9302041 C21.0981379,19.9302041 21.3479655,19.6783673 21.3479655,19.3677551 C21.3479655,19.3142857 21.3384483,19.2636735 21.3241724,19.2146939 C21.3293276,19.2130612 21.3336897,19.2102041 21.3384483,19.2085714 L21.3384483,19.2085714 Z M5.75,4.48979592 C5.20236207,4.48979592 4.75862069,4.94653061 4.75862069,5.51020408 C4.75862069,6.07387755 5.20236207,6.53061224 5.75,6.53061224 C6.29763793,6.53061224 6.74137931,6.07387755 6.74137931,5.51020408 C6.74137931,4.94653061 6.29763793,4.48979592 5.75,4.48979592 L5.75,4.48979592 Z M11.3017241,6.53061224 C11.8493621,6.53061224 12.2931034,6.07387755 12.2931034,5.51020408 C12.2931034,4.94653061 11.8493621,4.48979592 11.3017241,4.48979592 C10.7540862,4.48979592 10.3103448,4.94653061 10.3103448,5.51020408 C10.3103448,6.07387755 10.7540862,6.53061224 11.3017241,6.53061224 L11.3017241,6.53061224 Z"></path></svg>');
                    }
                }
                .icon-tt {
                    &:before{
                        .encoded-svg-background('<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 22 22"><path fill="#0BB75B" d="M7.82222222,9.22777778 C7.29826032,9.22777778 6.87301587,9.59322222 6.87301587,10.043937 L6.87301587,11.6912481 C6.87301587,12.141963 7.29826032,12.5074074 7.82222222,12.5074074 C8.34618413,12.5074074 8.77142857,12.141963 8.77142857,11.6912481 L8.77142857,10.043937 C8.77142857,9.59322222 8.34618413,9.22777778 7.82222222,9.22777778 L7.82222222,9.22777778 Z M8.71162857,6.71277037 L8.71257778,6.70949074 C8.1321381,6.51927222 7.51467937,6.41666667 6.87301587,6.41666667 C6.24036984,6.41666667 5.62955556,6.51692963 5.05576032,6.70246296 L5.05670952,6.70527407 C4.73445397,6.80694259 4.5,7.11522778 4.5,7.47973519 C4.5,7.92763889 4.85310476,8.29074074 5.28926508,8.29074074 C5.38038889,8.29074074 5.46676667,8.27434259 5.54839841,8.24482593 L5.54982222,8.24763704 C5.96747302,8.11410926 6.41265079,8.04195741 6.87301587,8.04195741 C7.34334762,8.04195741 7.79659365,8.11692037 8.2223127,8.25560185 L8.2227873,8.2541963 C8.2968254,8.27762222 8.37560952,8.29074074 8.45771587,8.29074074 C8.89340159,8.29074074 9.24603175,7.92763889 9.24603175,7.47973519 C9.24603175,7.12366111 9.02249365,6.82146667 8.71162857,6.71277037 L8.71162857,6.71277037 Z M16.7789333,6.71370741 L16.7798825,6.70995926 C16.2003921,6.51974074 15.5819841,6.41666667 14.9412698,6.41666667 C14.3076746,6.41666667 13.6978095,6.51692963 13.1240143,6.70293148 L13.1240143,6.70527407 C12.8027079,6.80741111 12.568254,7.1156963 12.568254,7.48067222 C12.568254,7.92810741 12.9213587,8.29074074 13.357519,8.29074074 C13.4486429,8.29074074 13.5354952,8.27434259 13.6166524,8.24529444 L13.6180762,8.24810556 C14.0362016,8.11457778 14.4804302,8.04242593 14.9412698,8.04242593 C15.4116016,8.04242593 15.864373,8.11738889 16.2900921,8.25607037 L16.2905667,8.25466481 C16.3650794,8.27855926 16.4433889,8.29074074 16.5254952,8.29074074 C16.9616556,8.29074074 17.3142857,7.92810741 17.3142857,7.48067222 C17.3142857,7.12412963 17.090273,6.82193519 16.7789333,6.71370741 L16.7789333,6.71370741 Z M13.9920635,9.22777778 C13.467627,9.22777778 13.0428571,9.59322222 13.0428571,10.043937 L13.0428571,11.6912481 C13.0428571,12.141963 13.467627,12.5074074 13.9920635,12.5074074 C14.5165,12.5074074 14.9412698,12.141963 14.9412698,11.6912481 L14.9412698,10.043937 C14.9412698,9.59322222 14.5165,9.22777778 13.9920635,9.22777778 L13.9920635,9.22777778 Z"></path></svg>');
                    }
                }
            }
        }
    }
}

// Prompt
input.modal-text-input {
    box-sizing: border-box;
    height: 26px;
    background: #fff;
    margin: 0;
    margin-top: 15px;
    padding: 0 5px;
    border: 1px solid rgba(0,0,0,0.3);
    border-radius: 0;
    width: 100%;
    font-size: 14px;
    font-family: inherit;
    display: block;
    box-shadow: 0 0 0 rgba(0,0,0,0);
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    appearance: none;
    + input.modal-text-input {
        margin-top: 5px;
    }
}
.modal-input-double {
    input.modal-text-input {
    }
    .modal-input-double + & {
        input.modal-text-input {
            border-top: 0;
            margin-top: 0;
        }
    }
}
// Popover
.popover {
    width: 320px;
    background:@popoverBg;
    z-index: 13500;
    margin: 0;
    top: 0;
    opacity: 0;
    left: 0;
    border-radius: 13px;
    position: absolute;
    display: none;
    .transform(none);
    -webkit-transition-property: opacity;
    -moz-transition-property: opacity;
    -ms-transition-property: opacity;
    -o-transition-property: opacity;
    transition-property: opacity;
    &.modal-in {
        .transition(@actionsModalDuration);
        opacity: 1;
    }
    .list-block {
        margin: 0;
        ul {
            background: none;
        }
        &:first-child {
            ul {
                .hairline-remove(top);
                border-radius: 13px 13px 0 0;
            }
            li:first-child a{
                border-radius: 13px 13px 0 0;
            }
        }
        &:last-child {
            ul {
                .hairline-remove(bottom);
                border-radius: 0 0 13px 13px;
            }
            li:last-child a{
                border-radius: 0 0 13px 13px;
            }
        }
        &:first-child:last-child {
            li:first-child:last-child a, ul:first-child:last-child {
                border-radius: 13px;
            }
        }
        + .list-block {
            margin-top: 35px;
        }
    }
}
.popover-angle {
    width: 26px;
    height: 26px;
    position: absolute;
    left: -26px;
    top: 0;
    z-index: 100;
    overflow: hidden;
    &:after {
        content:' ';
        background: @popoverBg;
        width: 26px;
        height: 26px;
        position: absolute;
        left: 0;
        top: 0;
        border-radius: 3px;
        .transform(rotate(45deg));
    }
    &.on-left {
        left: -26px;
        &:after {
            left: 19px;
            top: 0;
        }
    }
    &.on-right {
        left: 100%;
        &:after {
            left: -19px;
            top: 0;
        }
    }
    &.on-top {
        left: 0;
        top: -26px;
        &:after {
            left: 0;
            top: 19px;
        }
    }
    &.on-bottom {
        left: 0;
        top: 100%;
        &:after {
            left: 0;
            top: -19px;
        }
    }
}
.popover-inner {
    .scrollable();    
}
.actions-popover {
    .list-block + .list-block {
        margin-top: 20px;
    }
    .list-block ul {
        background: #fff;
    }
}
.actions-popover-label {
    padding: 8px 10px;
    color:#8a8a8a;
    font-size: 13px;
    line-height: 1.3;
    text-align: center;
    position: relative;
    .hairline(bottom, @actionsPopoverHairline);
    &:last-child {
        .hairline-remove(bottom);
    }
}
// Popup
.popup, .login-screen {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 11000;
    background: #fff;
    box-sizing: border-box;
    display: none;
    .scrollable();
    -webkit-transition-property: -webkit-transform;
    -moz-transition-property: -moz-transform;
    -ms-transition-property: -ms-transform;
    -o-transition-property: -o-transform;
    transition-property: transform;
    .translate3d(0,100%,0);
    &.modal-in, &.modal-out {
        .transition(@popupDuration);
    }
    &.modal-in {
        .translate3d(0,0,0);
    }
    &.modal-out {
        .translate3d(0,100%,0);
    }
}
.login-screen.modal-in, .login-screen.modal-out {
    display: block;
}
// iPad Popup
@media all and (min-width:630px) and (min-height:630px) {
    .popup:not(.tablet-fullscreen) {
        width: 630px;
        height: 630px;
        left: 50%;
        top: 50%;
        margin-left: -315px;
        margin-top: -315px;
        .translate3d(0,1024px,0);
        &.modal-in {
            .translate3d(0,0,0);
        }
        &.modal-out {
            .translate3d(0,1024px,0);
        }
    }
}
html.with-statusbar-overlay {
    // iPhone with statusbar overlay
    @media all and (max-width:629px), (max-height:629px) {
        .popup {
            height: ~"-webkit-calc(100% - 20px)";
            height: ~"calc(100% - 20px)";
            top: 20px;
        }
        .popup-overlay {
            z-index: 9500;
        }
    }
    .login-screen, .popup.tablet-fullscreen {
        height: ~"-webkit-calc(100% - 20px)";
        height: ~"calc(100% - 20px)";
        top: 20px;
    }
}


//Preloaders modals
.modal .preloader {
    width: 26px;
    height: 26px;
}

.preloader-indicator-overlay {
    visibility: visible;
    opacity: 0;
    background: none;
}
.preloader-indicator-modal {
    position: absolute;
    left: 50%;
    top: 50%;
    background: rgba(0,0,0,0.8);
    z-index: 13500;
    border-radius: 5px;
    padding: 14px 10px;
    margin-left: -32px;
    margin-top: -32px;
    .preloader{
        display: block;
        width: 26px;
        height: 26px;
    }
}

//custom preloader
//.preloader {
//    display: inline-block;
//    width: 26px;
//    height: 26px;
//    //background: url('@{image-url}loader-in-white.png') 50% 50% no-repeat;
//    background-size: 26px 26px;
//    background-position: 50% 50%;
//    background-repeat: no-repeat;
//    -webkit-background-clip: padding;
//    background-clip: padding-box;
//    line-height: 26px;
//    font-size: 12px;
//    color: @color-Cg;
//    padding-left: 10px;
//    padding-right: 10px;
//    &:before {
//        content: "";
//        width: 26px;
//        height: 26px;
//        display: inline-block;
//        //background: url('@{image-url}loader-out-white.png') 50% 50% no-repeat;
//        background-size: 26px 26px;
//        background-position: 50% 50%;
//        background-repeat: no-repeat;
//        //-webkit-transform: rotate(360deg);
//        //-webkit-animation-name: spin;
//        //-webkit-animation-duration: 1.5s;
//        //-webkit-animation-iteration-count:  infinite;
//        z-index: 10;
//    }
//    //&.preloader-white{
//    //    background-image: url('@{image-url}loader-in-white.png');
//    //    &:before {
//    //        background-image: url('@{image-url}loader-out-white.png');
//    //    }
//    //}
//    &.preloader-white{
//        .encoded-svg-background("<svg viewBox='0 0 33 33' xmlns='http://www.w3.org/2000/svg'><path fill='#ffffff' d='M16.424 5C7.25 5 5 12.087 5 15.465c0 9.93 11.837 12.38 17.71 12.38h.136c.13 0 .238-.105.238-.236 0-.075-.034-.14-.086-.183l-1.73-1.457c-.125-.107-.193-.275-.163-.45.03-.174.15-.31.303-.37l-.227.088c3.72-1.472 6.666-4.994 6.666-9.773C27.846 12.087 25.646 5 16.424 5m-6.65 8.585c-.525 0-.95-.424-.95-.947 0-.426.282-.786.67-.905v-.003c.688-.217 1.42-.334 2.182-.334.77 0 1.512.12 2.21.342l-.002.004c.373.127.643.48.643.896 0 .523-.425.947-.95.947-.097 0-.19-.015-.28-.043v.002c-.512-.162-1.056-.25-1.62-.25-.555 0-1.09.085-1.59.24l-.002-.003c-.098.036-.203.055-.312.055m9.505.01c-.524 0-.95-.425-.95-.947 0-.426.283-.786.67-.905v-.003c.69-.217 1.422-.334 2.183-.334.77 0 1.513.12 2.21.34l-.002.006c.374.127.643.48.643.896 0 .522-.423.947-.947.947-.098 0-.193-.016-.282-.043v.002c-.51-.162-1.055-.25-1.62-.25-.553 0-1.087.084-1.59.24v-.003c-.098.035-.203.055-.312.055m.96 4.743c-.52 0-.944-.422-.944-.943V15.49c0-.52.423-.942.945-.942.52 0 .943.422.943.943v1.905c0 .52-.423.943-.944.943m-7.613 0c-.522 0-.944-.422-.944-.943V15.49c0-.52.422-.942.944-.942.52 0 .944.422.944.943v1.905c0 .52-.422.943-.943.943'></path></svg>");
//
//        &:before {
//            .spin;
//            .encoded-svg-background("<svg viewBox='0 0 33 33' xmlns='http://www.w3.org/2000/svg'><path fill='#ffffff' d='M29.026 5.765l-1.08 1.08c4.7 5.562 4.7 13.74 0 19.304l1.08 1.08c5.29-6.164 5.29-15.302 0-21.465zm-22.18 22.18l-1.08 1.08c6.292 5.4 15.685 5.29 21.847-.336l-1.076-1.078c-5.566 5.035-13.998 5.144-19.69.333zM5.383 6.46L4.306 5.38c-5.74 6.29-5.742 15.942 0 22.23l1.077-1.077C.235 20.845.235 12.15 5.383 6.46zm.383-2.49l1.08 1.08C12.54.24 20.972.346 26.536 5.38l1.078-1.078C21.452-1.322 12.058-1.43 5.766 3.97z'></path></svg>");
//
//        }
//    }
//}
//
//.spin {
//    -webkit-transform: rotate(360deg);
//    -webkit-animation-name: spin;
//    -webkit-animation-duration: 1.5s;
//    -webkit-animation-timing-function:linear;
//    -webkit-animation-iteration-count:  infinite;
//}
//@-webkit-keyframes spin {
//    from {-webkit-transform: rotate(0deg);}
//    to {-webkit-transform: rotate(360deg);}
//}

// Picker Modal
.picker-modal {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 260px;
    z-index: 12500;
    display: none;
    -webkit-transition-property: -webkit-transform;
    -moz-transition-property: -moz-transform;
    -ms-transition-property: -ms-transform;
    -o-transition-property: -o-transform;
    transition-property: transform;
    background: #cfd5da;
    .translate3d(0,100%,0);
    &.modal-in, &.modal-out {
        .transition(400ms);
    }
    &.modal-in {
        .translate3d(0,0,0);
    }
    &.modal-out {
        .translate3d(0,100%,0);
    }
    .picker-modal-inner {
        height: 100%;
        position: relative;
    }
    .toolbar {
        .hairline(top, #929499);
        position: relative;
        width: 100%;
        background: #f7f7f8;
        + .picker-modal-inner {
            height: ~"-webkit-calc(100% - @{toolbarSize})";
            height: ~"-moz-calc(100% - @{toolbarSize})";
            height: ~"calc(100% - @{toolbarSize})";    
        }
    }
    &.picker-modal-inline, .popover & {
        display: block;
        position: relative;
        background: none;
        z-index: inherit;
        .translate3d(0,0,0);
        .toolbar {
            .hairline-remove(top);
            .hairline(bottom, #929499);
        }
    }
    .popover & {
        width: auto;
        .toolbar {
            background: none;
        }
    }
    &.smart-select-picker {
        .page {
            background: #fff;
        }
        .toolbar {
            .hairline(bottom, #c4c4c4);
        }
        .list-block {
            margin: 0;
            ul {
                .hairline-remove(top);
                .hairline-remove(bottom);
            }
        }
    }
}

/* custom video pop up */
.close-popup{
    text-align: right;
    color:#fff;
    font-size: @size-T7;
    display: block;
    padding: 20px 25px;
}
.video-popup{
    background-color: #000000;
}

/* custom bottom indicator */
.preloader-indicator-modal-bottom {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    background: rgba(0,0,0,.8);
    z-index: 13500;
    padding: 8px 0;
    text-align: center;
    opacity: 1;
    .transition(400ms);
    .preloader{
        width: 20px;
        height: 20px;
        background-size: 20px 20px;
        &:before{
            width: 20px;
            height: 20px;
            background-size: 20px 20px;
        }
    }

    &.indicator-hidden {

        opacity: 0;
    }
}
